<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/animate.css" type="text/css">
    <link rel="stylesheet" href="../../plugins/bootstrap/css/font-awesome.css?v=4.4.0" type="text/css">
    <link rel="stylesheet" href="../../css/personCenter/person-center.css">
    <link href="../../css/index/index.css" rel="stylesheet">


</head>


<body>
 
    <!-- 导航 -->
    <div class="container-fluid" id="head" style="margin-bottom: 0px;">
        <div class="row">

            <nav class="navbar" role="navigation"
                style="background-color: rgb(206, 228, 247);padding-left: 70px;margin-bottom: 2px">
                <div class="container-fluid">
                    <div class="">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" style="background-color: royalblue">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="index.html"> <img src="../../imgs/index/logo.jpg" alt="失败" id="logo"
                                class="img-circle navbar-brand"></a>
                        <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                            <span data-toggle="tooltip" title="悠 U 新方式">
                                悠&nbsp;U</span></a>
                    </div>

                    <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                        <ul class="nav navbar-nav ">
                            <li class=""><a href="index.html">
                                    <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>

                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    游记<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-user"
                                                style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                            &nbsp;达人
                                            <span class="badge pull-center" style="background-color: red">hot</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-edit"></span>
                                            写游记
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">赚钻石</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-flag"></span>
                                            游记主页</a></li><br>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    景点<b class="caret"></b>
                                    <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><span class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">NEW</span>
                                        </a></li><br>
                                    <li><a href="#"><span class="glyphicon glyphicon-plane">&nbsp;精品行程</span></a></li>
                                    <br>
                                    <li><a href="#"><span class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">
                                    <span data-toggle="tooltip" title="导&nbsp;游">导游</span>
                                    <span class="badge pull-center"
                                        style="background-color: red;font-size:1px">hot</span>
                                </a>
                            </li>

                        </ul>

                        <!-- <div style="padding-top:15px" class="">
                                        <input type="text" placeholder="用户/游戏/动态" style=" height:20px">
                                        
                                    </div> -->


                        <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">

                            <li class="dropdown">
                            <li> <a></a></li>
                            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"
                                    style="font-family: 楷体;padding-left: 0px">
                                    我的悠 U &nbsp;<img id="headerImg" src="../../imgs/index/head.jpg" class="img-circle"
                                        style="width:25px;height: 23px;padding: 0px;;"><b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="#">我的导游</a>
                                    </li>
                                    <li>
                                        <a href="#">我的钱包</a>
                                    </li>

                                    <li>
                                        <a href="#">我的游记</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li> <a href="#">互动信息</a> </li>
                                    <li> <a href="#">我的账号</a> </li>
                                    <li> <a href="#">退出</a> </li>
                                </ul>
                            </li>
                            <li><a href="#weibo"><i class="fa fa-weibo"></i></a></li>
                            <li><a href="#weixin"><i class="fa fa-weixin"></i> </a></li>
                            <li><a href="#weixin"><i class="fa fa-qq"></i></a></li>
                            <li><a href="">登录</li> </a>
                            <li><a href="">注册</li> </a>

                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- 导航 end -->

    <!-- 图片 begin -->
    <div id="you">
        <span>悠 U旅行交友新方式</span><br>
        欢迎您!
    </div>
    <!-- 图片end -->
    <!-- 面包屑 begin -->
    <div class="container-fluid" style="margin-top: 150px;padding: 0px">
        <div class="row" style="margin: 0px 8%;font-size: 14px;">
            <ul class="breadcrumb" style="background-color: white">
                <li><a href="#">首页</a></li>
                <li><a href="#">我的悠U</a></li>
                <li class="active">我的订单</li>
            </ul>
        </div>
    </div>
    <!-- 面包屑 end -->


    <!-- 个人中心 -->
    <div class="container-fluid" style="margin-bottom: 20px;">
        <div class="row">
            <div class="col-md-1">
            </div>
            <!-- 左侧导航 begin -->
            <div class="col-md-2" style="padding: 0px">
                <!--  -->
                <div style="width: 75%;font-size: 14px;float: left;">
                    <div id="leftnavs">
                        <a href="   person_center.html" style="text-decoration: none;" class="list-group-item">
                            <h3>我的悠U</h3>
                        </a>
                        <a href="order.html" class="list-group-item">
                            <span class="glyphicon glyphicon-tasks"></span>&nbsp;我的订单
                        </a> </li>
                        <a href="../Tourist/myTraveler.html" class="list-group-item">
                            <span class="glyphicon glyphicon-flag"></span>&nbsp;我的导游

                        </a></li>
                        <a href="pay_diamond.html" class="list-group-item">
                            <span class="  glyphicon glyphicon-credit-card"></span> &nbsp;我的钱包
                        </a></li>
                        <a href="../traveler/myTraveler2.html" class="list-group-item">
                            <span class="glyphicon glyphicon-play-circle"></span>&nbsp;我的游记</a>
                        <a href="messages.html" class="list-group-item">
                            <span class="glyphicon glyphicon-bell"></span>&nbsp;系统通知</a></li>

                        <a href="personal_information.html" class="list-group-item">
                            <span class="glyphicon glyphicon-magnet"></span>&nbsp;个人资料</a>
                        <a href="#" class="list-group-item">
                            <span class="glyphicon glyphicon-user"></span>&nbsp;上传头像</a>
                    </div>
                </div>
            </div>
            <!-- end -->
            <div class="col-md-8">
                <div class="container-fluid">
                    <div class="row ">
                        <div class="row list-group-item" id="person">
                            <div id="head_img">
                                <img src="../../imgs/index/head.jpg" height="110" width="110" id="tou">
                            </div>
                            <div style="float: left;margin-top:28px;margin-left: 30px;margin-bottom: 10px">
                                <a href="personal_information.html">
                                    <h3>甜甜会撒娇</h3>
                                </a>
                                修改资料&nbsp;&nbsp;
                                <a href="#"> 去修改>>></a><br>
                            </div>

                            <div style="clear: both;margin-left:50px">
                                <span style="float: left">
                                    <h4>关注&nbsp;&nbsp;<a href="#">10</a>&nbsp;&nbsp;&nbsp;&nbsp;|</h4>
                                </span>
                                <span style="float: left">
                                    <h4>&nbsp;&nbsp;&nbsp;&nbsp;粉丝&nbsp;&nbsp;<a href="#">1000</a></h4>
                                </span>
                            </div>

                            <div>
                                <div style="float: right">
                                    <span class="glyphicon glyphicon-list-alt"></span><span
                                        style="font-size: 20px">&nbsp;游记&nbsp;
                                        <!-- 游记数 -->
                                        <a href="#">990</a>&nbsp;&nbsp;
                                    </span>
                                </div>

                                <div style="float: right">
                                    <span class="glyphicon glyphicon glyphicon-star"></span><span
                                        style="font-size: 20px">&nbsp;钻石&nbsp;
                                        <!-- 钻石数 -->
                                        <a href="#">0</a>&nbsp;&nbsp;

                                    </span>
                                </div>
                            </div>

                        </div>

                        <div class="list-group-item" id="order">
                            <div>
                                <br>
                                <h4>&nbsp;&nbsp;&nbsp;&nbsp;近期订单</h4>
                            </div>
                            <div
                                style="margin-top: 40px;margin-left: 50px;float: left;font-size: 16px;margin-bottom: 40px">
                                <a href="#"><span
                                        class="glyphicon glyphicon-briefcase"></span>
                                    待出行(0)</a>
                            </div>
                            <div style="margin-top: 40px;margin-left: 50px;font-size:16px;float: left;">
                                <a href="#"><span class="glyphicon glyphicon-file"></span>
                                    预约订单(0)</a>
                            </div>
                            <div style="margin-top: 40px;margin-left: 50px;font-size:16px;float: left;">
                                <a href="#"><span class="glyphicon glyphicon-edit"></span>
                                    待评价(0)</a>
                            </div>
                            <div style="margin-top: 40px;margin-left: 50px;float: left;font-size: 16px">
                                <a href="#"><span class="glyphicon glyphicon-list"></span>
                                    全部订单(0)</a>
                            </div>
                            <b>
                                <div style="margin-bottom: 20%">
                                    <hr style="background-color: gray;clear: both;height: 1px;">
                                    <span style="margin-left:7%;">美好的季节适合出行，更多热门小众目的地等你一起来嗨！</span>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主题 end -->

    <!-- 底部导航 begin -->
    <div class=" container-fluid">
        <div class="row">
            <nav class="navbar navbar-inverse fixed-bottom" role="navigation">
                <div class="container-fluid" style="font-size: 13px">
                    <div class="row">
                        <ul class="nav navbar-nav">
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 150px">
                                    <h4>悠&nbsp;U旅行</h4>
                                    <p>悠&nbsp;U是一个新方式的<span style="color: bisque">
                                            "旅行交友"</span> 的网站,<br>
                                        旨在帮助旅行者计划和结伴游玩,<br>
                                        可以提供业余的引路人带给旅行者更好的 <span style="color: bisque"> "游玩体验"</span><br>
                                        提供一定的旅行日记,打造 <span style="color: bisque">"新方式旅行交友"</span><br>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px">
                                    <h4 style="text-align: center">关于我们</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>关于悠 U</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们
                                        </li><br>
                                        <li>服务协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游记协议</li>
                                        <br>
                                        <li>达人协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私政策
                                        </li><br>
                                        <li>网络信息侵权通知指引</li><br>
                                        <li>网站地图</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商业合作</li>
                                        <br>
                                        <li style="color: bisque">
                                            &nbsp;&nbsp;&nbsp;加入我们</li>

                                    </ul>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px">
                                    <h4 style="text-align: center">帮助中心</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>新手上路</li><br>
                                        <li style="color: bisque">意见反馈</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;常见问题</li><br>
                                        <li style="color: bisque">帮助中心</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;旅行工具</li><br>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <br><br>
                    <hr>
                    <div style="color: rgb(177, 177, 177);margin-top: 20px;margin-left: 150px;font-size: 12px">
                        <div style="float: left;"><img src="../../imgs/index/logo.jpg" width="60px" height="40px"
                                style="opacity: 0.7;border-radius: 80px;">
                        </div>
                        <div style="float: left;margin: 10px 5px;font-family: '楷体';font-size:18px">
                            悠 U</div>
                        <div style="float: left;;margin-top: 10px;margin-left: 30px">
                            © 2019 悠U
                            版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可&nbsp;&nbsp;&nbsp;营业执照
                        </div>
                        <div style="clear: both;margin-left: 130px;margin-bottom: 10px">
                            悠U不是旅行社,也不是代理商,我们只提供一些免费、客观、公正
                            、计费的攻略指南,以及一些业余的引路人
                            对外部网站概不负责</div>

                    </div>
                </div>
                <div
                    style="float: right;width: 40px;height: 50px;margin-right: 10px;background-color: aliceblue;text-align: center">
                    <a href="#top" style="color: rgb(177, 177, 177)"><br>Top&nbsp;↑</a>
                </div>
            </nav>

        </div>
    </div>








    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>

</body>


</html>